<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>表单的提交 Form submission--JQUERY MOBILE 中文API站</title>
<meta name="keywords" content="JQUERY MOBILE 1.0正式版中文手册,Jquery Mobile 1.0,Jquery mobile,移动框架开发手册,darklord,JQUERY MOBILE 1.0正式版,JQUERY API,jqmapi,jqm,jquery," />
<meta name="description" content="Jquery mobile中文API站，Jquery mobile 1.0正式版本中文手册，提供最新版Jquery mobile移动web与应用开发帮助。" />
<link rel="stylesheet" type="text/css" href="../../style/Jqueryapi.css" tppabs="http://www.jqmapi.com/style/Jqueryapi.css" />
<script src="../../style/lib/jquery-1.6.1.min.js" tppabs="http://www.jqmapi.com/style/lib/jquery-1.6.1.min.js"></script>
<script src="../../style/jqmapi.js" tppabs="http://www.jqmapi.com/style/jqmapi.js"></script>
<link rel="shortcut icon" href="../../style/img/favicon.ico" />
</head>
<body>
<div class="nav">
<iframe width="250px" scrolling="no" frameborder="0" allowtransparency="true" src="../../nav.html" tppabs="http://www.jqmapi.com/nav.html" height="1300px"></iframe>
</div>
<div class="main">
<script src="style/jqmapi.js" tppabs="http://www.jqmapi.com/componts/form/style/jqmapi.js" type="text/javascript"></script>
<hr style="color:#595959;" />

<div class="content">
			<h1>ajax的表单提交 Ajax form submission</h1>
				<div class="desc">
                <div>Jquery Mobile会自动通过ajax处理表单的提交，并在表单页面和结果页面之间创建一个平滑的转场效果。注意请在form元素上正确设定action 和method属性，保证表单的提交。如果没有指定，提交方法默认为get,action默认为当前页的相对路径（通过$.mobile.path.get()方法取得</div> 
                <div>表单也可以像链接一样指定转场效果的属性，比如data-transition="pop"，和data-direction="reverse".如果不希望通过ajax提交表单，可以在全局事件禁用ajax，或给form设定 data-ajax="false" 属性。target 属性也可以在form上设置，表单提交时默认为浏览器的打开规则。。而与链接不同，rel 属性不可以在form上设</div>
                
</div>      

<hr /> 

			<h1>非ajax的处理 Non-Ajax handling</h1>
				<div class="desc">
                <div>要防止表单提交时自动通过ajax提交，给form元素增加 data-ajax="false"属性。也可以通过ajaxFormsEnabled方法在全局控制.</div> 

<hr /> 


</div>             


			<h1>Simple Ajax form example</h1>
				<div class="desc">
                <div>本页面展示了表单自动通过ajax处理的提交。下面的表单采用常规（get 方式提交）forms-sample-response.php 。在提交时，Jquery Mobile会确保指定的Url地址可以通过Ajax获取，并且适当的处理。请注意，就像普通的HTTP请求表单提交一样，Jquery Mobile允许通过get请求成功得到的结果页通过更新Url的哈希值被添加为收藏页。而就像普通的表单提交一样，post请求不包含查询参数，因此结果页不能被添加为收藏页</div> 

<hr /> 


</div>  

</div>
</div>
<iframe id="iFrame1" width="160px" scrolling="no" frameborder="0" allowtransparency="true" src="../../adsense_r.html" tppabs="http://www.jqmapi.com/adsense_r.html" onload="this.height=iFrame1.document.body.scrollHeight" ></iframe>
</body>
</html>



